<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/pages/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="Generator" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>鹰牌陶瓷合肥运营中心</title>
<meta name="keywords" content="鹰牌陶瓷,陶瓷,鹰牌,安徽,合肥" />
<meta name="description" content="鹰牌陶瓷合肥运营中心,公司介绍,公司简介,品牌介绍,品牌荣誉,销售网点,公司愿景,员工风采" />
<meta name="author" content="" />
<link href="${ctx}/css/sub/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="${ctx}/themes/default/default.css" type="text/css" />
<link rel="stylesheet" href="${ctx}/css/main.css" type="text/css" />
<!-- IE6 fixes are found in styles/ie6.css -->
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="${ctx}/css/ie6.main.css" /><![endif]-->
<style type="text/css">
	#sortlist .item {
		
	}
</style>
</head>
<body style="background: none;">
    <div id="bd_right2" class="news" style="width: 733px; ">
      <input type="hidden" id="mod_id" value="${mod_id}"/>
	  <c:if test="${mod_id eq 2100}">
		<div class="box1 mod" id="2100">
		    <div class="mt">
				 <h2 style="text-align:left;">公司简介</h2>
				 <div class="extra"><span style="padding-right:10px ">详细</span></div>
			</div>
			<div class="pd_title"><font color="${newsInfo.title_color}">${newsInfo.title}</font>
			  <c:if test="${not empty newsInfo}">
				 <div class="pd_update_count">
			 	   <span>更新时间：&nbsp;&nbsp;<fmt:formatDate pattern="yyyy-MM-dd" value="${newsInfo.add_datetime}"/></span>
			 	   <span class="date">浏览次数：&nbsp;&nbsp;${newsInfo.view_count}</span>
				 </div>
			  </c:if>	 
			</div>
			<div class="pd" style="margin-top: -20px;">　　
			  <p>${newsInfo.content}</p>
			</div>
      	</div>
      </c:if>
      <c:if test="${mod_id eq 2200}">
      	<div class="box1 mod" id="2200">
	      <div class="mt">
		    <h2 style="text-align:left;">品牌介绍</h2>
		    <div class="extra"><span style="padding-right:10px ">详细</span></div>
		  </div>
          <div class="pd_title"><font color="${newsInfo.title_color}">${newsInfo.title}</font>
            <c:if test="${not empty newsInfo}">
          	  <div class="pd_update_count" >
	          	 <span>更新时间：&nbsp;&nbsp;<fmt:formatDate pattern="yyyy-MM-dd" value="${newsInfo.add_datetime}"/></span>
	          	 <span class="date">浏览次数：&nbsp;&nbsp;${newsInfo.view_count}</span>
          	  </div>
          	</c:if>
          </div>
          <div class="pd" style="margin-top: -20px;">　　
            <p>${newsInfo.content}</p>
          </div>
      	</div>
      </c:if>
      <c:if test="${mod_id eq 2300}">
      	<div class="mod" id="2300" show="false" style="height: 940px;">
	      	<div id="brand_show" style="width: 733px;">
	      	  	<div class="box1 " >
			        <div class="mt" >
					 <h2 style="text-align:left;">品牌荣誉</h2>
					 <div class="extra"><span style="padding-right:10px ">详细</span></div>
					</div>
	          		<div class="pd_title" style="border-bottom-width: 0px;">品牌荣誉</div>
	      		</div>
	      		<div>
				  	<div class="brand_content carousel" id="pro" style="width:733px;border-top: 1px dotted #DDDDDD;height: 160px;">
					    <ul class="clear-block" style="_height:1px;height: 160px;">
					    <c:forEach items="${brand_honors}" var="brand_honnor">
					      <li title="${brand_honnor.title}" style="height: 160px;">
					      	<div class="imgBlock" style="width: 125px;">
						      <div style="width:123px;height:115px;border:1px solid #AFAEAE;">
						      	<img style="border: none;"
						      	<c:forEach items="${brand_honnor.accessoryList}" var="accessory">
						      		<c:if test="${accessory.file_level==0}">
						      			src="${ctx}/${accessory.save_url}" 
						      		</c:if>
						      		<c:if test="${accessory.file_level==1}">
						      			big_img="${ctx}/${accessory.save_url}"
						      			big_title="${brand_honnor.title}"
						      			big_description="${brand_honnor.content}"
						      		</c:if>
						      	</c:forEach>
						        onclick="show_brand_honor(this)">
						      </div>
					          <div class="imgTitle">
					            <p class="product_name" style="color:#CC0000;width: 120px;height: 35px;">${brand_honnor.title}</p>
					          </div>
					      	</div>
					      	<!--  
					        <div style="padding:143px 0 0 0; text-align: center;font-size: 12px;margin-left: 0px;width: 115px;">
					          <p class="product_name" style="color:#CC0000;">${brand_honnor.title}</p>
					        </div>
					        -->
					      </li>
					      </c:forEach>
					    </ul>
				  	</div>
				  	<div class="" style="height: 500px;border-top: 1px dotted #DDDDDD;">
				  		<div align="center" id="big_title" style="margin-top: 10px;font-color: #D20202;font-size:17px;font-weight:bold;"></div>
				  		<div style="float: left;">
				  			<img id="big_img" src="" style="cursor:pointer;display:none;">
				  		</div>
				  		<div style="padding-top: 20px;">
				  			<div style="margin-left: 300px;"><p style="margin-left:170px;font-size: 14px;font-weight: bold;text-align: left;" id="big_description">
				  			</p></div>
				  		</div>
				  	</div>
			  	</div>
			</div>
      	</div>
      </c:if>
      <c:if test="${mod_id eq 2400}">
      	<div class="box1 mod" id="2400">
     	  <div class="mt">
		    <h2 style="text-align:left;">销售网点</h2>
		    <div class="extra"><span style="padding-right:10px ">列表</span></div>
		  </div>
	      <div class="pd_title">销售网点</div>
	      <div class="pd" style="height: 500px;line-height: 17px;">
          	<div class="info" style="width: 330px;height: 100%;float: left;">	　　
	            <ul class="listBlock" style="width: 330px;">
	            <c:forEach items="${saleGrids}" var="saleGrid1" begin="0" step="2">
					<li class="clear-block" style="height: 105px;">
						<div class="listcontent" style="width: 190px;">
						  <div class="d4">
						    <table border="0" cellpadding="0" cellspacing="1" style="color:black;margin-left:10px;">
						      <tr title="地址：${saleGrid1.grid_name}"><td colspan="2"><h3><a style="margin-left: -10px;" href="${ctx}/CompanyIntroduce.do?method=viewGrid&grid_id=${saleGrid1.grid_id}" target="_blank">${saleGrid1.grid_name}</a></h3></td></tr>
						      <tr title="地址：${saleGrid1.grid_addr}"><td nowrap="nowrap" style="vertical-align: top;">地址：</td><td><c:if test="${fn:length(saleGrid1.grid_addr) > 10}" var="flag_">${fn:substring(saleGrid1.grid_addr,0,10)}...</c:if><c:if test="${!flag_}">${saleGrid1.grid_addr}</c:if></td></tr>
						      <tr title="电话：${saleGrid1.tel}"><td nowrap="nowrap">电话：</td><td>${saleGrid1.tel}</td></tr>
						    </table>
						  </div>
						</div>
			 			<div class="listimg" style="padding-top: 2px;">
			 			  <a href="${ctx}/CompanyIntroduce.do?method=viewGrid&grid_id=${saleGrid1.grid_id}" target="_blank">
			 			    <img src="${ctx}/${saleGrid1.accessory.save_url}" title="${saleGrid1.accessory.description}" style="width:140px;height:100px">
			 			  </a>
			 			</div>
					</li>
		      	</c:forEach>
			    </ul>
		  	</div>
		  	<div class="info" style="width: 330px;height: 100%;float: left;">	　　
	            <ul class="listBlock" style="width: 330px;">
	            <c:forEach items="${saleGrids}" var="saleGrid2" begin="1" step="2">
	            		<li class="clear-block" style="height: 105px;">
					        <div class="listcontent" style="width: 190px;">
					          <div class="d4">
							    <table border="0" cellpadding="0" cellspacing="1" style="color:black;margin-left:10px;">
							      <tr title="地址：${saleGrid2.grid_name}"><td colspan="2"><h3><a style="margin-left: -10px;" href="${ctx}/CompanyIntroduce.do?method=viewGrid&grid_id=${saleGrid2.grid_id}" target="_blank">${saleGrid2.grid_name}</a></h3></td></tr>
							      <tr title="地址：${saleGrid2.grid_addr}"><td nowrap="nowrap" style="vertical-align: top;">地址：</td><td><c:if test="${fn:length(saleGrid2.grid_addr) > 10}" var="flag_">${fn:substring(saleGrid2.grid_addr,0,10)}...</c:if><c:if test="${!flag_}">${saleGrid2.grid_addr}</c:if></td></tr>
							      <tr title="电话：${saleGrid2.tel}"><td nowrap="nowrap">电话：</td><td>${saleGrid2.tel}</td></tr>
							    </table>
					          </div>
					        </div>
					        <div class="listimg" style="padding-top: 2px;">
					          <a href="${ctx}/CompanyIntroduce.do?method=viewGrid&grid_id=${saleGrid2.grid_id}" target="_blank">
					            <img src="${ctx}/${saleGrid2.accessory.save_url}" title="${saleGrid2.accessory.description}" style="width:140px;height:100px">
					          </a>
					       </div>
				      </li>
		      	</c:forEach>
			    </ul>
		  	</div>
	      </div>
	      <form id="bottomPageForm1" name="bottomPageForm1" method="post" action="CompanyIntroduce.do">
		     <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
		       <tr>
		         <td height="40" align="center"><script type="text/javascript" src="${ctx}/commons/scripts/pager.js">;</script>
		           <script type="text/javascript">
			          var pager = new Pager(document.bottomPageForm1, ${hf.map.pager.recordCount}, ${hf.map.pager.pageSize}, ${hf.map.pager.currentPage});
			          pager.addHiddenInputs("method", "view");
			          pager.addHiddenInputs("mod_id", "${mod_id}");
			          document.write(pager.toString());
		           </script>
		         </td>
		       </tr>
		     </table>
	  	  </form>
      	</div>
      </c:if>
      <c:if test="${mod_id eq 2500}">	
      	<div class="box1 mod" id="2500">
       	  <div class="mt">
		    <h2 style="text-align:left;">公司愿景</h2>
		    <div class="extra"><span style="padding-right:10px ">详细</span></div>
		  </div>
          <div class="pd_title"><font color="${newsInfo.title_color}">${newsInfo.title}</font>
            <c:if test="${not empty newsInfo}">
          	  <div class="pd_update_count">
	          	 <span>更新时间：&nbsp;&nbsp;<fmt:formatDate pattern="yyyy-MM-dd" value="${newsInfo.add_datetime}"/></span>
	          	 <span class="date">浏览次数：&nbsp;&nbsp;${newsInfo.view_count}</span>
          	  </div>
            </c:if>	 
          </div>
          <div class="pd" style="margin-top: -20px;height: 600px;">　　
            <p>${newsInfo.content}</p>
          </div>
      	</div>
      </c:if>
      <c:if test="${mod_id eq 2620}">	
        <div class="box1 mod" id="2620">
          <div class="mt">
		    <h2 style="text-align:left;">员工感言</h2>
			<div class="extra"><span style="padding-right:10px ">列表</span></div>
		  </div>
          <div class="pd_title">员工感言</div>
          <div class="pd" style="height: 100%;overflow:auto;line-height: 20px;">
          	<div class="info" style="width: 330px;height: 100%;float: left;">	　　
	          <ul class="listBlock" style="width: 330px;">
	            <c:forEach items="${userInfos}" var="userInfo" begin="0" step="2">
				  <li class="clear-block" style="height: 145px;">
					<div class="listcontent" style="width: 180px;">
					  <div class="d4">
					    <h3><a href="${ctx}/StaffWord.do?id=${userInfo.user_id}" target="_blank">${userInfo.user_name}</a></h3>
					    <p class="p4">部门：${userInfo.dept_name}<br />电话：${userInfo.mobile}</p>
					  </div>
					</div>
					<div class="listimg" style="padding-top: 2px;"><a href="${ctx}/StaffWord.do?id=${userInfo.user_id}" target="_blank"><img src="${ctx}/${userInfo.accessory.save_url}" title="${userInfo.accessory.description}" style="width:140px;height:140px;"></a></div>
				  </li>
		      	</c:forEach>
			  </ul>
		  	</div>
		  	<div class="info" style="width: 330px;height: 100%;float: left;">	　　
	          <ul class="listBlock" style="width: 330px;">
	            <c:forEach items="${userInfos}" var="userInfo2" begin="1" step="2">
           		  <li class="clear-block" style="height: 145px;">
					<div class="listcontent" style="width: 180px;">
					  <div class="d4">
					    <h3><a href="${ctx}/StaffWord.do?id=${userInfo2.user_id}" target="_blank">${userInfo2.user_name}</a></h3>
					    <p class="p4">部门：${userInfo2.dept_name}<br />电话：${userInfo2.mobile}</p>
					  </div>
					</div>
					<div class="listimg" style="padding-top: 2px;"><a href="${ctx}/StaffWord.do?id=${userInfo2.user_id}" target="_blank"><img src="${ctx}/${userInfo2.accessory.save_url}" title="${userInfo2.accessory.description}" style="width:140px;height:140px;"></a></div>
				  </li>
		      	</c:forEach>
			  </ul>
	  		</div>
		   </div>
		   <form id="bottomPageForm1" name="bottomPageForm1" method="post" action="CompanyIntroduce.do">
		     <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
		       <tr>
		         <td height="40" align="center"><script type="text/javascript" src="${ctx}/commons/scripts/pager.js">;</script>
		           <script type="text/javascript">
			          var pager = new Pager(document.bottomPageForm1, ${hf.map.pager.recordCount}, ${hf.map.pager.pageSize}, ${hf.map.pager.currentPage});
			          pager.addHiddenInputs("method", "view");
			          pager.addHiddenInputs("mod_id", "${mod_id}");
			          document.write(pager.toString());
		           </script>
		         </td>
		       </tr>
		     </table>
	  	  </form>
   	    </div>
      </c:if>
      <c:if test="${mod_id eq 2630}">
        <div class="box1 mod" id="2630">
          <div class="mt">
		    <h2 style="text-align:left;">员工活动</h2>
			<div class="extra"><span style="padding-right:10px ">列表</span></div>
          </div>
          <div class="newslist" style="height: 400px;">
            <ul class="listBlock" style="padding-top: -30px;">
		      <c:forEach items="${newsInfos}" var="sg">
				<li class="clear-block" style="border-bottom: 1px dot #CCCCCC;">
				  <p>
					<a style="float: left;" href="${ctx}/NewsInfo.do?id=${sg.id}&title=员工活动" target="_blank" title="${sg.title}">
					<c:if test="${fn:length(sg.title) > 45}" var="flag">${fn:substring(sg.title,0,45)}...</c:if>
					<c:if test="${!flag}">${sg.title}</c:if></a>
					<span class="date"><fmt:formatDate pattern="yyyy-MM-dd" value="${sg.add_datetime}" /> &nbsp;&nbsp;[<span
						class="read">浏览<span class="read_count">${sg.view_count}</span>次</span>]
					</span>
				  </p>
				</li>
			  </c:forEach>
		    </ul>
            <form id="bottomPageForm2" name="bottomPageForm2" method="post" action="CompanyIntroduce.do">
		      <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
		      <tr>
		          <td height="40" align="center"><script type="text/javascript" src="${ctx}/commons/scripts/pager.js">;</script>
		            <script type="text/javascript">
			            var pager = new Pager(document.bottomPageForm2, ${hf.map.pager.recordCount}, ${hf.map.pager.pageSize}, ${hf.map.pager.currentPage});
			            pager.addHiddenInputs("method", "view");
			            pager.addHiddenInputs("mod_id", "${mod_id}");
			            document.write(pager.toString());
		            </script>
		          </td>
		        </tr>
		      </table>
	  	    </form>
	  	  </div>
      	</div>
      </c:if>
      <c:if test="${mod_id eq 2700}">
      	<div class="box1 mod" id="2700">
     	  <div class="mt">
		    <h2 style="text-align:left;">工程案例</h2>
		    <div class="extra"><span style="padding-right:10px ">列表</span></div>
		  </div>
	      <div class="pd_title">工程案例</div>
	      <div class="pd" style="height: 600px;line-height: 17px;">
	        <div class="info" style="width: 700px;height: 100%;">	　　
	          <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
	            <tr>
	              <c:forEach items="${peList}" var="pe" varStatus="vs">
	                <td align="center" height="160px;"><a href="${ctx}/CompanyIntroduce.do?method=viewPE&project_id=${pe.project_id}" target="_blank">
					    <img src="${ctx}/${pe.accessory.save_url}" title="${pe.accessory.description}" style="width:180px;height:160px">
					  </a><p style="color: black;">${pe.project_name}</p></td>
					<c:if test="${fn:length(peList) < 3 && vs.last}">
					  <c:forEach begin="0" end="${2 - fn:length(peList)}"><td style="width:180px;">&nbsp;</td></c:forEach>
					</c:if>
					<c:if test="${vs.count mod 3 eq 0 && !vs.last}">
					  <c:out value="</tr><tr>" escapeXml="false" />
					</c:if>	    
	              </c:forEach>
	            </tr> 
	          </table>
		  	</div>
	      </div>
	      <form id="bottomPageForm1" name="bottomPageForm1" method="post" action="CompanyIntroduce.do">
		     <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
		       <tr>
		         <td height="40" align="center"><script type="text/javascript" src="${ctx}/commons/scripts/pager.js">;</script>
		           <script type="text/javascript">
			          var pager = new Pager(document.bottomPageForm1, ${hf.map.pager.recordCount}, ${hf.map.pager.pageSize}, ${hf.map.pager.currentPage});
			          pager.addHiddenInputs("method", "view");
			          pager.addHiddenInputs("type", "${hf.map.type}");
			          pager.addHiddenInputs("mod_id", "${mod_id}");
			          document.write(pager.toString());
		           </script>
		         </td>
		       </tr>
		     </table>
	  	  </form>
      	</div>
      </c:if>
    </div>
<script type="text/javascript" src="${ctx}/commons/scripts/jquery.js"></script>
<script type="text/javascript" src="${ctx}/commons/scripts/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="${ctx}/commons/scripts/jMyCarousel.js"></script>
<script type="text/javascript">
 	$(document).ready(function(){
 		parent.document.getElementById("right_view").height = document.body.scrollHeight;

 	 	if($("#mod_id").val()!="") {
 	 		if($("#mod_id").val()=='2600')
 	 			$("#2620").css("display","block");
 	 		else
 	 			$("#"+$("#mod_id").val()).css("display","block");
 	 		if($("#mod_id").val()=='2300'&&$("#2300").attr("show")=='false') {
 	 			$(".carousel").jMyCarousel({
 	 				visible:5,
 	 				evtStart : 'mouseover',	
 	 				evtStop : 'mouseout',
 	 				speed: 1000,
 	 				auto:true
 	 			});
 	 			$(".carousel").width(728);
 	 			$("#2300").attr("show","true");
 	 		}
 	 	}
		$('#sortlist .item a').bind("click",function(){
			if($(this).attr('mod_id')=='2600'){
				if($(this).attr('open')=='true'){
					$("#ul_2600").css("display","none");
					$(this).attr('open','false');
				}else{
					$("#ul_2600").css("display","block");
					$(this).attr('open','true');
				}
				return false;
			}
			$('.mod').each(function(){
				$(this).css("display","none");
			});
			$('#'+$(this).attr('mod_id')).css("display","block");
			if($(this).attr('mod_id')=='2300'&&$("#2300").attr("show")=='false'){
				$(".carousel").jMyCarousel({
 	 				visible:5,
 	 				evtStart : 'mouseover',	
 	 				evtStop : 'mouseout',
 	 				speed: 1000,
 	 				auto:true
 	 			});
				$(".carousel").width(728);
				$("#2300").attr("show","true");
			}
		});
		
		//显示第一个品牌
		//$(".brand_content li:first").find("img").click();

		//点击除“员工风采”之外的菜单，将员工风采下面的子菜单颜色置为黑色
		$(".mc div:not(:last)").find("a").click(function(){
			$(".mc div:last").find("ul a").css("color","black");
		});

	 });
 	
 	//显示品牌
 	function show_brand_honor(obj){
 		$("#big_img").attr("src",$(obj).attr("big_img")).show();
 		$("#big_title").text($(obj).attr("big_title"));
 		$("#big_description").text($(obj).attr("big_description"));
 	}
</script>
</body>
</html>
